<template>
  <view>
    <nav-bar title="系统详情"></nav-bar>
    <scroll-view scroll-y :style="{ height: mainHeight }">
    <view class="detail">
      <view class="title">公告标题1</view>
      <view class="date">2023.12.23</view>
      <view class="contain">
        啊实践活动卡山东科技合计大萨达合计啊哈哈哈和哈哈哈哈哈哈哈哈哈和哈哈哈哈哈哈哈哈哈和哈哈哈哈哈哈哈哈哈和哈哈哈哈哈哈哈哈哈

      </view>
      <view class="image"></view>
    </view>

    </scroll-view>
  </view>
</template>

<script>
import NavBar from '@/components/nav-bar/index.vue'
import { getToken } from "@/utils/auth"
export default {
  name: 'uploadPhoto',
  components: { NavBar },
  data() {
    return {
      mainHeight: '',
    }
  },
  created() {
    this.mainHeight = this.$store.getters.heightData.noTabMainHeight + 'px'
  },
  methods: {

  }

}
</script>

<style lang="scss" scoped>
.detail {
  margin: 30rpx;
background: #FFFFFF;
border-radius: 15rpx 15rpx 15rpx 15rpx;
opacity: 1;
padding: 29rpx 26rpx 300rpx;
.title {
  font-size: 40rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 10rpx;
}
.date {
  font-size: 35rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
color: #666666;
margin-bottom: 10rpx;
}
.contain {
  font-size: 38rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 55rpx;
margin-bottom: 25rpx;
}
.image {
  width: 100%;
height: 296rpx;
background: #D9D9D9;
border-radius: 19rpx 19rpx 19rpx 19rpx;
opacity: 1;
}
}
</style>